導(dǎo)讀:“搜索” 是許多移動端應(yīng)用中的常見功能,尤其對于電商類、引擎類、信息流類的應(yīng)用,搜索往往是其中重要的功能之一,據(jù)說淘寶用戶 90%的行為都從搜索框開始。無論是移動端還是 pc
發(fā)表日期:2019-07-10
文章編輯:興田科技
瀏覽次數(shù):8836
標(biāo)簽:
“搜索” 是許多移動端應(yīng)用中的常見功能,尤其對于電商類、引擎類、信息流類的應(yīng)用,搜索往往是其中重要的功能之一,據(jù)說淘寶用戶 90%的行為都從搜索框開始。無論是移動端還是 pc 端,“搜索” 的設(shè)計思考都以 “用戶要得到什么?” 作為出發(fā)點;但兩者的展現(xiàn)形式卻不盡相同。相較于 pc 端,移動端的搜索功能需要在更小的屏幕空間上占有一席之地;根據(jù)不同的業(yè)務(wù)形式,其展現(xiàn)的方式也是多種多樣。本文以 “搜索的時間邏輯” 作為脈絡(luò),從 “為什么要搜索-搜索前-搜索時-搜索后” 對搜索功能進行解剖式分析,給自己做分析整理的同時也分享給剛剛?cè)腴T做移動端體驗設(shè)計的同學(xué)。
為什么要搜索-關(guān)于搜索的行為思考
不同的搜索目的
不同的用戶或使用場景,用戶搜索的目的往往不同,一般分以下三類。
1、精確搜索。這種場景下用戶目的清晰明確、直奔主題,通過在搜索框輸入內(nèi)容快速找到所需目標(biāo),完成此次搜索動作。常見案例如百度地圖、UBER、網(wǎng)易有道詞典、同花順的搜索功能等。
2、提高尋找效率,高效鎖定目標(biāo)或快速縮小范圍。這時候 “搜索” 功能在一定程度上和 “篩選” 近似,有時候往往和篩選一起使用。這種常見于信息瀏覽類應(yīng)用,在用戶瀏覽信息的同時往往 “迸發(fā)” 出念頭,想要快速瀏覽有針對性內(nèi)容,于是開始使用搜索。常見案例如愛奇藝、下廚房、優(yōu)酷、美團、大眾點評、知乎等。
3、用戶不知道自己想要什么,通過 “搜索” 啟發(fā)自己靈感。因為很多應(yīng)用的搜索頁面中往往有 “精心安排” 的信息。為迎合這類用戶需求,搜索頁面一般有熱門搜索的關(guān)鍵詞、搜索類目、記錄等等。
寫在搜索前-搜索怎么放
1、搜索圖標(biāo):在導(dǎo)航欄一側(cè)或其他位置放置,根據(jù)用戶場景和重要級需求決定。一般搜索圖標(biāo)放在右側(cè),當(dāng)右側(cè)有兩個及以上按鈕時,考慮平鋪或折疊。
2、搜索欄:以搜索欄的形式直接放在導(dǎo)航欄或放在導(dǎo)航欄下方等其他位置,此時搜索欄可結(jié)合語音、拍照、刪除(在輸入后顯示)等功能按鈕。
3、搜索作為標(biāo)簽欄中的某一個功能:根據(jù)內(nèi)容重要性決定排在第幾個標(biāo)簽中。
4、搜索以單獨頁面或主頁 p0 功能展現(xiàn):直接作為主頁面或主頁以較大篇幅顯示搜索欄,內(nèi)容及形式根據(jù)用戶場景定義。(見圖一)
我是圖一
搜索時-搜索框的變身
1.以搜索欄形式展現(xiàn)的搜索功能,搜索框的位置可以出現(xiàn)較短的文案,長度需限制在搜索框的長度以內(nèi),起到隱性提示和引導(dǎo)的作用,有時也會加入運營內(nèi)容;當(dāng)出現(xiàn)搜索框時,往往配合 “取消”“刪除”“語音輸入”“拍照輸入” 等功能;當(dāng)搜索框與其他功能按鈕一起出現(xiàn)時,需要注意各個功能按鈕的可用性問題。(見圖二)
我是圖二
2.以圖標(biāo)形式展現(xiàn)的搜索功能,當(dāng)用戶點擊時,或以動效形式出現(xiàn)搜索框,或直接至單獨的搜索頁面。當(dāng)然,搜索框的形式展現(xiàn)時,點擊行為也會觸發(fā)至一個新的頁面。無論以上哪種形式,當(dāng)至單獨的搜索頁面時,可展現(xiàn)的關(guān)于 “搜索” 的內(nèi)容就更加精彩紛呈了。一般可以給出以下內(nèi)容:
1)與搜索字段相關(guān)的聯(lián)想詞列表:頁面上實時展現(xiàn)與搜索關(guān)鍵詞有關(guān)的單一內(nèi)容列表或多樣性內(nèi)容展示。若關(guān)聯(lián)詞有相關(guān)操作或二級內(nèi)容,如關(guān)閉、搜索結(jié)果的副標(biāo)題或補充內(nèi)容等,可直接在關(guān)聯(lián)詞后露出。
2)搜索內(nèi)容的支持范圍:定義內(nèi)容、類目列表、范圍欄(scope bar)給出支持的標(biāo)簽或者 tab。其目的是讓用戶明確 “搜索” 支持的范圍,相當(dāng)于搜索的 tips,有時候 “篩選” 功能會在該頁配合搜索一起使用。(見圖三)
我是圖三
3.搜索歷史
4.熱門搜索
5.可能在搜索(根據(jù)用戶習(xí)慣、喜好等數(shù)據(jù)推薦)
6.精華內(nèi)容
7.運營推廣內(nèi)容:如內(nèi)容推薦、建議類目的關(guān)鍵詞。(如類目的設(shè)計、CMS 頻道的設(shè)計、促銷活動的設(shè)計)(參考案例百度地圖)
8.廣告
9.以上幾種內(nèi)容的結(jié)合體(見圖四)
我是圖四
10.針對關(guān)鍵詞的進一步推薦搜索的列表(我個人稱之為漸進式搜索,參考案例:(知乎 App),這是一種搜索內(nèi)容未能提供情況下,讓用戶能夠 “有所得” 得好方法,提升了用戶體驗。試想當(dāng)你輸入了一大段文字之后展現(xiàn)的頁面是 “暫無內(nèi)容”,相比于此,提前讓用戶知道:“我們這里暫時沒有你要的。但是,或許可以看看別的”“別的內(nèi)容或許也有你意想不到的驚喜奧!” 此方案看上去像降級方案,但本質(zhì)是讓用戶的搜索行為可控,反而提升了搜索結(jié)果的用戶體驗。(見圖 5)
我是圖五
搜索后-搜索的結(jié)果呈現(xiàn)
當(dāng)我們完成搜索時,以何種形式呈現(xiàn)什么樣的內(nèi)容才能更好的滿足我們的需求呢?當(dāng)用戶點擊搜索時,有兩種信息的呈現(xiàn)形式,一種是在當(dāng)前頁面展示,另一種是新開頁面。
1、在當(dāng)前頁面展示搜索結(jié)果的頁面,內(nèi)容較簡單,主要目的是為了讓用戶進一步點擊選擇,使得搜索的結(jié)果可控。這種情況下常以列表形式平鋪地展現(xiàn)信息,相關(guān)地二級標(biāo)題或按鈕會結(jié)合搜索結(jié)果同步露出。這種情況下,很多時候鍵盤地 “搜索” 按鈕是禁用的或者鍵盤的設(shè)計無搜索按鈕。
2、當(dāng)需要展示的內(nèi)容有不同屬性,如列表、圖、圖文結(jié)合或更多的其他形式,則一般采用新開頁面的方式,信息的展示也需要做分層處理。信息的分層包括每個單元內(nèi)信息之間的對比、強調(diào)和弱化。不同單元和屬性的信息間優(yōu)先級展示以及展示方式的區(qū)分。參考案例如下:(見圖6)
我是圖六
3、當(dāng)搜索無內(nèi)容時,我們給用戶什么?簡單粗暴的形式是直接告訴用戶沒有,但這種體驗太不好,作為交互設(shè)計師應(yīng)該思考一件事 ““在沒有結(jié)果展示時我們還能為用戶做點兒什么?” 從用戶的角度思考,即 “啥都沒有,我要做什么呢?” 帶著疑問來開始這個頁面的設(shè)計,用戶分為主動和被動。主動的用戶這時候會做什么?或許會重新發(fā)起一次搜索,輸入更加精確的關(guān)鍵詞、提交報錯或反饋,這類用戶總會找到他想做的事情。而對于被動的用戶,我們就應(yīng)該去了解他,投其所好。如相似度和關(guān)聯(lián)性推薦、熱門推薦、可能喜歡、搜索歷史等形式。(見圖 7)
我是圖七
有時候用戶對于搜索結(jié)果并不滿意,我們可以在頁面上做結(jié)果頁展示的補償方案:如讓用戶進一步明確搜索詞,縮小搜索范圍,如通過分類和篩選功能。二是引導(dǎo)用戶在應(yīng)用可支持的范圍內(nèi)進行搜索,如同花順的股票搜索、知乎的搜索案例等。
結(jié)語
本文僅從 “時間邏輯” 的角度把搜索功能的形式做了一次簡單總結(jié);但搜索的場景往往根據(jù)具體業(yè)務(wù)需求千變?nèi)f化,但這恰恰是用戶體驗設(shè)計的意義點所在,也是設(shè)計的本源,即 “探索人搜索的初始欲望”。關(guān)于搜索,可以思考的點還有很多,隨意拋出一個問題,如:點擊 “搜索” 的時候一定要喚起鍵盤嗎?再問,點擊 “搜索框” 的時候一定要喚起鍵盤嗎?這些都沒有永恒的固定答案,而相對正確的答案都在每一次的具體業(yè)務(wù)中。選擇大連網(wǎng)站建設(shè)網(wǎng)建科技微信公眾號:sz-shamofeng
上一篇:
暫無信息更多新聞
2020
關(guān)于搜索引擎優(yōu)化,在做網(wǎng)站SEO優(yōu)化時,很多Seoer遇到的一個問題是優(yōu)化時間過長,效果不盡如人意,或達不到理想的效果,而如果沒有對關(guān)鍵詞進行排名,那么網(wǎng)站的
View details
2020
關(guān)于網(wǎng)站seo,企業(yè)站或個人博客站建好后,我們就開始引流,在不花費推廣費用的情況下,我們對網(wǎng)站進行SEO,SEO是對網(wǎng)站內(nèi)容的更新,我個人認(rèn)為,網(wǎng)站后期更新內(nèi)容
View details
2020
關(guān)于官網(wǎng)優(yōu)化,個體站長知道seo的強大作用,越來越多的個體想通過做個體站seo來提高自己的收入水平,這種想法并非現(xiàn)實可行,個體站seo怎么做是一件困難的事情
View details
2020
關(guān)于seo優(yōu)化,作為一名合格的SEO,網(wǎng)站導(dǎo)航中的關(guān)鍵字優(yōu)化是每個網(wǎng)站必須做的,或者說,關(guān)鍵字必須做好。下面小編告訴大家站點導(dǎo)航鏈接如何操作可以讓SEO優(yōu)化
View details